<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>订单确认页</title>
		<link rel="stylesheet" href="{{__PUBLIC__}}/Home/css/order.css">
		<script src="./Public/jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 公共顶部 -->

		<div class="topbar" style="min-height: 31px;">
			<div class="inner">
				<ul>
					<li class="drop" style=" position: relative;height: 30px ;width:116px;">
						<a class="nick" href=""><img src="{{__PUBLIC__}}/Home/image/face.jpg" alt="" class="face" />子钦加油<em class="arrow"></em></a>
						<ul class="down account" >
							<li><a href="">我的杂志</a></li>
							<li><a href="">我的分享</a></li>
							<li><a href="">账号与安全</a></li>
							<li><a href="{{U('Home/Login/out')}}">退出</a></li>
						</ul>
					</li>
					<li class="drop" style="position: relative;height: 30px ;width:68px;">
						<a href="">消息<em class="arrow"></em></a>
						<ul class="down msg" >
							<li><a href="">查看关注</a></li>
							<li><a href="">查看@我的</a></li>
							<li><a href="">查看私信</a></li>
							<li><a href="">查看系统消息</a></li>
							<li><a href="">查看喜欢我的</a></li>
							<li><a href="">查看回复我的</a></li>
							
						</ul>
					</li>
					<li><a href=""><em class="like"></em>我的喜欢</a></li>
			
					<li><a href=""><em class="cart"></em>我的购物车<span class="cart_num"><?php if(isset($_SESSION['cart'])){?>{{$_SESSION['cart']['total_rows']}} <?php }else{?>0<?php };?></span></a></li>
					<li><a href=""><em class="order"></em>我的订单</a></li>
					<li><a href=""><em class="imember"></em>美丽说会员</a></li>
					<li class="App" style="position: relative;height: 30px ;width:110px;">
						<a href="javascript:;" >
							<em class="mob"></em>
							下载App
							<em class="arrow"></em>
						</a>
						<ul class="down_app" >
							<li class="down_app_">
								<img src="{{__PUBLIC__}}/Home/image/erweima.png"/>
								<div class="client">美丽说客户端</div>
								<div style="text-align: left;">发现流行，只做正确流行款</div>		
							</li>
						</ul>
					</li>
					<li><a href="" style="border: none;">帮助中心</a></li>
				</ul>
			</div>
		</div>	
		<!--头部部分结束-->
		<!-- 公共顶部结束 -->
		<!-- 和购物车一样的头部 -->
		<div class="flow_header">
			<div class="logo_wrap">
				<a class="logo_new confirm_cat_logo" href=""></a>
			</div>
			<div class="status">
				<div class="component-milestone cat-milestone">
					<div class="steps-3">
						<div class="step first passed">
							<div class="step-icon">1</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									立刻购买
								</p>
							</div>
						</div>
						<div class="step">
							<div class="step-icon">2</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									填写核对订单信息
								</p>
							</div>
						</div>
						<div class="step last">
							<div class="step-icon">3</div>
							<div class="step-line"></div>
							<div class="step-label">
								<p class="label-content label-text">
									付款，完成购买
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- 和购物车一样的头部 -->
		<!-- 内容 -->
		<div class="container">
			<p class="confirm-header">
				请选择收货地址
			</p>
			<div class="addr">
				<!--循环输出收货地址-->
				{{foreach from="$addressData" key="$k" value="$v"}}
					
				<div class="unit adr1_list active currentChecked" addr_id="">
					<label for="">
						<div class="addr-info-panel" style="188px;">
							<p>
								
								<span><?php echo $v['area'][0];?></span>
								
								<span><?php echo $v['nickname'];?></span>
							</p>
							<span class="addr_info cut-text-hidden" style="display:block;">
								<?php echo $v['address'];?>
								<span class="addr_phone"><?php echo $v['phone'];?></span>
							</span>
						</div>
					</label>
					<span class="adr1_edit edit">修改</span>
					<em class="addr-checked"></em>
				</div>

				{{endforeach}}
				
				<div class="unit add-new just-one-line">
					<em></em>
					<p>添加新增地址</p>					
				</div>
			</div>
			 <!-- 确认订单 start	 -->
			 <p class="confirm-header">确认订单信息</p>
			 <div class="shop">
				 <div class="shop-header">
				 	<div class="panel-content first-header">
				 		<span>
				 			<a href="" target="_blank">			 				
								商家：红海湾泳衣
				 			</a>
				 			<a class="getserviceqq knilmi" href="" target="_blank"></a>
				 		</span>
				 	</div>
				 	<div class="panel-other">单价</div>
				 	<div class="panel-other">数量</div>
				 	<div class="panel-other last-header">
				 		<span class="one-good-total">小计</span>
				 	</div>
				 </div>
				 
				
				 <div class="shop-info">
				 	
				 	
				 	<!--判断$_SESSION里订单数据是否存在-->
				 	<?php if(!isset($_SESSION['order'])){;?>
				 	<div id="goods_-1" class="goods-in-shop"> 	
				 	 	<div style="padding: 50px 20px;">您的订单还是空的哦，赶快去选商品吧！</div>
				 	</div>
				 	 <?php }else{;?>	
				 					 	
				 	 {{foreach from="$orderData" key="$k" value="$v"}}
				 	<div id="goods_-1" class="goods-in-shop">
					 	<div class="panel-content">
					 		<div class="basic-info-panel">
					 			<a class="goods_img" href="" target="_blank">
					 				<img class="pic" src="<?php echo $v['options']['pic'];?>" alt="">
					 			</a>
					 			<div class="title-detail-panel">
					 				<a class="title" href=""><?php echo $v['name'];?></a>
					 				<div class="props">
					 					<p>颜色：<?php echo $v['options']['color'];?></p>
					 					<p>尺码：<?php echo $v['options']['size'];?></p>
					 				</div>
					 			</div>
					 		</div>
					 	</div>
					 	<div class="panel-other">
					 		<div class="u_price">￥<?php echo $v['price'];?></div>
					 	</div>
					 	<div class="panel-other"><?php echo $v['num'];?></div>
					 	<div class="panel-other">
					 		<span class="one-good-total">￥<?php echo $v['total'];?></span>
					 	</div>
				 	</div>
				 	{{endforeach}}
				 	<?php };?>
				 	
				 	<!--判断$_SESSION里订单数据是否存在-->
				 	<?php if(!isset($_SESSION['order'])){;?>
				 	<div class="msg-detail-panel"> 	
				 	 	<div></div>
				 	</div>
				 	 <?php }else{;?>	
				 	
				 	<div class="msg-detail-panel">
				 		<div class="buyer_msg">
				 			<label for="">给商家留言：</label>
				 			<textarea class="mls-input-text comment" name="comment[]" style="height: 30px;" id="comment_10" value="" placeholder="选填：建议填写已经和商家达成一致的说明" style="overflow: hidden;"></textarea>
				 		</div>
				 		<div class="details-panel">
				 			<div class="table-panel">
				 				<table class="detail">
				 					<tbody>
				 						<tr>
				 							<td class="freight_show_10">
				 								运费：
				 								<span class="freight_info"></span>
				 							</td>
				 							<td>
				 								<span class="price">
				 									￥
				 									<span>
				 										0.00
				 									</span>
				 								</span>
				 							</td>
				 						</tr>
				 					</tbody>
				 				</table>
				 			</div>
				 		</div>
				 	</div>					 	
				 	<div class="total-panel">				 		
				 		<span class="total">
				 			本店合计:
				 			<span id="shop_total_price_10" class="price">￥<?php echo $lastTotal;?></span>
				 		</span>
				 	</div>	 	
				 </div>
				 
				 <?php };?>
				 	
			 </div>	
			 
			 		 
			 <!-- 确认订单 end -->
			 <div class="charge-panel">
			 	<span style="padding-left: 20px;display: inline-block;margin-top: 5px;color: #ff6699;"><a href="{{U('Home/Cart/index')}}" style="color: #ff6699;">< 返回购物车</a></span>
			 	<span class="right">
			 		应付款:
			 		<span class="price">
			 			<span id="total_price"><?php if(!isset($_SESSION['order'])){;?>￥0.00<?php }else{;?> ￥<?php echo $lastTotal;?> <?php };?></span>
			 		</span>
			 	</span>
			 	<a id="charge" class="go_charge" href="">提交订单</a>
			 	<div class="clear-div"></div>
			 </div>
		</div>
		<!-- 内容结束 -->
		<!--添加新地址js-->
		<script type="text/javascript">
			$(function(){
				//点击添加地址事件
				$(".add-new").click(function(){
					//让隐藏的两个div显示
					$('.maskLayer').show();
					$('#dialogLayer').show();
				})
				//点X号让两个div隐藏
				$('.close_z').click(function(){
					//让隐藏的两个div显示
					$('.maskLayer').hide();
					$('#dialogLayer').hide();
				})
				//点取消按钮让两个div隐藏
				$(".cancelBtn").click(function(){
					//让隐藏的两个div显示
					$('.maskLayer').hide();
					$('#dialogLayer').hide();
				})
			})
		</script>
		<!--添加新地址js结束-->
		<!--用于添加地址的div-->
		<div id="overlay" class="maskLayer" style="width: 100%;height: 1140px;"></div>
		<div id="dialogLayer">
			<div id="dialogTitle" class="dialogTitle">
				<span id="closeDialog" class="close_z"></span>
				<span id="dialogTitleText">新增收货地址</span>					
			</div>
			<div id="dialogContent" class="dialogContent">
				<fieldset>
					<form id="addressForm" class="address_form" action="{{U('Home/Order/addAddress')}}" method="post">
						
						<legend>新增/编辑收货地址表</legend>
						<p>
							<label for="addressUser">
								<span>*</span>收货人姓名
							</label>
							<input type="text" class="l_ipt mls-input-text short-input" name="nickname"  id="addressUser" value="" />
							<strong class="bad"></strong>
							
						</p>
						<p>
							<label for="validatePhoneOrMobile">
								<span>*</span>联系电话
							</label>
							<input type="text" class="l_ipt mls-input-text short-input" name="phone"  id="validatePhoneOrMobile" value="" />
							<strong class="bad"></strong>
							
						</p>
						<p>
							<label for="addressPid">
								<span>*</span>所在地区
							</label>
							<!--城市联动插件开始-->
							<script src="./Public/area.js" type="text/javascript" charset="utf-8"></script>
							<script type="text/javascript">
								$(function(){
									//alert(1);
									//初始化方法
									area.init('area');
									//修改的时候默认被选中效果
									//area.selected('河南','开封','兰考县');
								})
							</script>
							<!--城市联动插件结束-->
							<!--城市联动插件开始-->
								<select name="area1" id="area1" class="mls-select"></select>
								<select name="area2" id="area2" class="mls-select"></select>
								<select name="area3" id="area3" class="mls-select"></select>
							<!--城市联动插件结束-->
							
							<strong class="bad"></strong>
							
						</p>
						<p>
							<label for="addressStreet">
								<span>*</span>详细地址
							</label>
							<textarea type="text" class="l_ipt_s mls-input-text" name="street"  id="addressStreet" value="" /></textarea>
							<strong class="bad"></strong>
							
						</p>
						<p>
							<label for="addressPostcode">
								<span>*</span>邮政编码
							</label>
							<input type="text" class="l_ipt mls-input-text short-input" name="postcode"  id="addressPostcode" value="" />
							<strong class="bad"></strong>
							
						</p>
						<p class="p-check">
							<label for=""></label>
							<input class="mls-input-checkbox" name="is_default" id="is_default" value="" type="checkbox">
							<label class="mls-input-label mls-input-checkbox-label-new red-check label-check" for="is_default">设为默认</label>
						</p>
						<div class="submitBox"> <input class="button addressBtn" value="保存" type="submit"> <input class="button cancelBtn" value="取消" type="button"> </div>
					</form>
					
					
				</fieldset>
				
				<div class="clear_f"></div>
			</div>
			
		</div>
		<!--用于添加地址的div结束-->
		<!--===footer===-->
		<div id="footer" style="overflow: hidden;width: 100%;">
			<div class="com-footer">
				<span class="tel"></span>
				<dl>
					<dt>4000-800-577</dt>
					<dd>美丽说客服热线</dd>
					<dd>周一至周日：09:00-22:00</dd>
				</dl>
				<dl>
					<dt>买家帮助</dt>
					<dd><a class="a" href="">新手指南</a</dd>
					<dd><a class="a" href="">服务指南</a></dd>
					<dd><a class="a" href="">帮助中心</a></dd>
				</dl>
				<dl>
					<dt>商家帮助</dt>
					<dd><a class="a" href="">商家入驻</a></dd>
					<dd><a class="a" href="">商家推广</a></dd>
					<dd><a class="a" href="">帮助中心</a></dd>
				</dl>
				<dl>
					<dt>关于我们</dt>
					<dd><a class="a" href="">关于美丽说</a></dd>
					<dd><a class="a" href="">联系我们</a></dd>
					<dd><a class="a" href="">加入美丽说</a></dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd><a class="a" href=""><span class="sina"></span>新浪微博</a></dd>
					<dd><a class="a" href=""><span class="kongjian"></span>QQ空间</a></dd>
					<dd><a class="a" href=""><span class="tencent"></span>腾讯微博</a></dd>
				</dl>
				<dl>
					<dt>美丽说微信服务号</dt>
					<dd class="cartT"><img style="width: 115px;height: 115px;" src="./Public/Home/image/qrcode-new.jpg"/></dd>
					<dd class="cartTT"><img src="./Public/Home/image/code.png"/></dd>
				</dl>
				
				
			</div>	
			<div class="href">
				<span style="color: #666666;font-size: 12px;line-height: 30px;">友情链接：</span>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="">乐淘网</a>
				<a class="h" href="">优惠券</a>
				<a class="h" href="" style="float: right;">更多>></a>
			</div>

			<ul class="ulL" style="margin-top: 5px;">
				<li class="li">Copyright ©2016 Meilishuo.com</li>
				<li class="li">
					<a class="foo" href="">电信与信息服务业务经营许可证100798号</a>
					<a class="foo" href="">经营性网站备案信息</a>
				</li>			
				<li class="li">京ICP备11031139号</li>
				<li class="li">京公网安备110108006045</li>
			</ul>
			<ul class="ulL" >
				<li class="li">客服电话：4000-800-577  文明办网文明上网举报电话：010-82615762</li>
				<li class="li">
					<a class="foo" href="">违法不良信息举报中心</a>
					<a class="foo" href="">我最喜爱的人民警察评选>></a>
					<a class="foo" href="">反诈骗信息</a>
				</li>
			</ul>
		</div>
		
		<!--====footerEND====-->
		
		
		
	</body>

	
	
</html>
